<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>首页</title>
    <meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->
    <meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 -->
    <link rel="stylesheet" href="/wap/css/swiper.min.css"/>
    <link rel="stylesheet" href="/wap/css/index.css" />
    <style>
        .Horizontal{ display:none; width:100%; height:100%;background: #f9694b;position: fixed;z-index: 111;}
        .Horizontal strong{ height:20px; line-height:20px;font-size:1.5rem; position:absolute; width:100%; display:block; left:0; top:50%; margin-top:-10px; color:white; text-align:center;}
    </style>

</head>
<body>
<div class="Horizontal"><strong>请使用竖屏查看</strong></div>
<div class="Horizontal"><strong>请使用竖屏查看</strong></div>
<div class="top">
    <img src="/wap/images/logo.png" width="11.7%" />
    <h2>牛魔代理</h2>
    <h3><a href="/register">免费注册</a></h3>
</div>
<div class="swiper-container wrap">
    <div class="height"></div>
    <div class="swiper-wrapper">
        <div class="swiper-slide swing1">
            <dl>
                <dt>
                    <img src="/wap/images/pic1.png" width="40.5%"/>
                </dt>
                <dd>
                    <h2>IP 行业领导者</h2>
                    <p>高质流量出口</p>
                    <p>秒连秒换，连接切换速度≦100ms</p>
                    <p>全国线路任选，独享带宽</p>
                </dd>
                <h3 class="arrow"></h3>
            </dl>

        </div>
        <div class="swiper-slide swing2">
            <dl>
                <dt>
                    <img src="/wap/images/Bitmap.png" width="70%"/>
                </dt>
                <dd>
                    <h2>高级套餐</h2>
                    <p>电脑端或手机端在线</p>
                    <p>PC端初级线路高级线路</p>
                    <p>随意切换</p>
                </dd>
                <h4><a href="/buy">立即购买</a></h4>
                <h3 class="arrow"></h3>
            </dl>
        </div>
        <div class="swiper-slide swing3">
            <div class="swiper-container2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <dl>
                            <dt>
                                <img src="/wap/images/Bitmap2.png" width="60%"/>
                            </dt>
                            <dd>
                                <h2>网络推广人员</h2>
                                <p>投票点赞&nbsp;宝贝收藏&nbsp;下载类</p>
                                <p>注册回访&nbsp;优化任务</p>
                            </dd>
                            <ul>
                                <li>网络推广</li>
                                <li>网络营销</li>
                                <li>营销补量</li>
                            </ul>
                        </dl>
                    </div>
                    <div class="swiper-slide">
                        <dl>
                            <dt>
                                <img src="/wap/images/Bitmap3.png" width="60%"/>
                            </dt>
                            <dd>
                                <h2>网络营销</h2>
                                <p>投票点赞&nbsp;宝贝收藏&nbsp;下载类</p>
                                <p>注册回访&nbsp;优化任务</p>
                            </dd>
                            <ul>
                                <li>网络推广</li>
                                <li>网络营销</li>
                                <li>营销补量</li>
                            </ul>
                        </dl>
                    </div>
                    <div class="swiper-slide">
                        <dl>
                            <dt>
                                <img src="/wap/images/Bitmap4.png" width="60%"/>
                            </dt>
                            <dd>
                                <h2>营销效果补量</h2>
                                <p>论坛发帖&nbsp;问答推广&nbsp;SEO</p>
                                <p>人工注册&nbsp;效果回访</p>
                            </dd>
                            <ul>
                                <li>网络推广</li>
                                <li>网络营销</li>
                                <li>营销补量</li>
                            </ul>
                        </dl>
                    </div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>

        </div>
    </div>
</div>
<?php echo $__env->make('WAP.Layout.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<!--如果不考虑兼容性的话,可以使用CSS3的新特性 vw 单位, vw 即 view width 视窗宽度
<div style="width: 100%;height: 50vw;background: red;max-height: 400px"></div>
-->
<script src="/wap/js/jquery.min.js"></script>
<script src="/wap/js/swiper.min.js"></script>
<script src="/wap/js/res.js"></script>
<script>

    var swiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
    var swiper2 = new Swiper('.swiper-container2', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });

</script>
</body>
</html>